<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/course2.css"/>
	</head>
	<body>
		<div class="course2_web">
			<!--登录-->
			<div id='loginBox' class="register">
				<div class="row ssk mediate">
					<div class="one skip col-sm-2 col-xs-2">
						<div class="son">
							<img src="img/register/images/a2.jpg" />
						</div>
					</div>
					<div class="tow col-sm-10 col-xs-10">
						<div class="son">
							<img src="img/register/images/a3.jpg" />
							<span>GIMC</span>
							<div class="sk">
								<input class="text" type="" name="" id="" value="" />
							</div>
						</div>
					</div>
				</div>
				<div class="portrait">
					<div class="one mediate">
						<img src="bootstrap-3.3.7/bootstrap-3.3.7/docs/assets/img/expo-lyft.jpg" />
					</div>
					<div class="tow mediate">
						<h4>风无月</h4>
						<div class="son">
							<p>个人中心</p>
						</div>
					</div>
					<div class="three mediate">
						<img src="img/register/images/a1_11.jpg" />
					</div>
					<div class="four mediate">
						<div class="son">
							<p>
								关注
								<span>36</span>
							</p>
						</div>
						<div class="son1">
							<p>
								粉丝
								<span>500</span>
							</p>
						</div>
					</div>
					<div class="five">
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
						<div class="son  mediate">
							<p>GIMC</p>
							<span><b>v</b></span>
						</div>
					</div>
					<div class="six skip mediate">
						<p>退 出</p>
					</div>
				</div>
			</div>
			<!--搜索-->
			<div id="loginBox1" class="seek">
				<div class="row ssk mediate">
					<div class="one skip col-sm-2 col-xs-2">
						<div class="son">
							<img src="img/register/images/a2.jpg" />
						</div>
					</div>
					<div class="tow col-sm-10 col-xs-10">
						<div class="son">
							<img src="img/register/images/a3.jpg" />
							<span>Search</span>
							<div class="sk">
								<input class="text" type="" name="" id="" value="" />
							</div>
						</div>
					</div>
				</div>
				<h3>熱播</h3>
				<div class="seek-son">
					<div class="seek-son-one mediate">
						<p>省广股份</p>
					</div>
					<div class="seek-son-one mediate">
						<p>移动互联网</p>
					</div>
					<div class="seek-son-one mediate">
						<p>细分平台业务</p>
					</div>
					<div class="seek-son-one mediate">
						<p>O2O</p>
					</div>
					<div class="seek-son-one mediate">
						<p>媒介平台</p>
					</div>
					<div class="seek-son-one mediate">
						<p>拥抱变革，创造未来</p>
					</div>
					<div class="seek-son-one mediate">
						<p>平台</p>
					</div>
					<div class="seek-son-one mediate">
						<p>上海金投赏创意节</p>
					</div>
				</div>
			</div>
			<!--导航1-->
			<div class="navigation">
				<div class="row">
					<div class="one col-sm-2 col-xs-2">
						<div id='login' class="son mediate">
							<img src="img/home/images/a1_03.jpg" />
						</div>
					</div>
					<div class="logo col-sm-8 col-xs-8">
						<div class="son mediate">
							<img src="img/home/images/logo.jpg" />
						</div>
					</div>
					<div class="tow col-sm-2 col-xs-2">
						<div id='login1' class="son mediate">
							<img src="img/home/images/a2_07.jpg" />
						</div>
					</div>
				</div>
			</div>
			<div class="course2">
				<div class="course2_one mediate">
					<div>
						<h1>铁人三项之软件，硬件，云</h1>
					</div>
					
					<div class="text">
						<p class="lf">首页>GIMC营销学院</p>
						<p class="rf">2015-09-19</p>
					</div>
					<div class="pmg">
						<img src="img/course/cour_02.jpg"/>
					</div>
					<div class="text2">
						<p class=" multi-line">如今，投身硬件创业的开发者越来越多。移动互联网，智能硬件设备的形态是产品，但实际上技术复杂性远远超过已经出现的PC、手机及智能设备，是软硬一体、高度整合的产品。换言之，硬件领域发生的变革并不单纯是硬件本身，而是硬件+云服务+商业模式的综合性变革。</p>
						<p class=" multi-line">开发者最佳实践日·第4期－铁人三项专场之软件，硬件，云，七牛云存储请来了智能家居产品翘楚欧瑞博、智能图像识别与视觉交互专家亮风台、可穿戴开源硬件企业电子新我、智能语音科大讯飞、国内类gopro新秀Foream， 分享他们在产品技术打磨与创业过程中的经验，以及他们对‘软’与‘硬’结合， 打造智能软硬件生态链方面的观点。</p>
					</div>
					<div class="text3">
						<p>活动时间：</p>
						<p>2014年10月19日 14:00-17:30</p>
						<p>活动地点：</p>
						<p>广州市越秀区东风东路金广大厦二楼会议室</p>
						<p>活动议程：</p>
						<p>13:30-14:00  签到</p>
						<p>14:00-14:10  沙龙开场</p>
						<p>14:10-14:30  最佳实践 欧瑞博 创始人 王雄辉 《智能家居场景化机会》</p>
						<p>14:30-15:00  七牛云存储 首席布道师 徐立 《如何玩转“软件+硬件+云”铁人三项》</p>
						<p>15:00-15:30  亮风台 创始人 廖春元《新一代移动图像搜索和交互平台》</p>
						<p>15:30-15:40  茶歇</p>
						<p>15:40-16:10  电子新我 CEO 高磊 《硬件与日常生活游戏化》</p>
					</div>
				</div>
				<div class="course2_tow">
					<div class="text">
						<h4>时间和地点</h4>
						<div class="text_one">
							<div class="pmg">
								<img src="img/course/a4_03.jpg"/>
							</div>
							<p>2014年10月19日 14:00-17:30</p>
						</div>
						<div class="text_one">
							<div class="pmg">
								<img src="img/course/a4_06.jpg"/>
							</div>
							<p>广州市越秀区东风东路金广大厦二楼会议室</p>
						</div>
					</div>
				</div>
				<div class="course2_htree">
					<div class="htree_one">
						<h4>讲师简介</h4>
						<div class="one_son">
							<div class="pmg">
								<img src="img/course/baga1.png"/>
							</div>
							<div class="text">
								<h4>谢振宇</h4>
								<p>网络互动中心</p>
								<p>创意群总监</p>
							</div>
						</div>
						<div class="one_son">
							<div class="pmg">
								<img src="img/course/baga1.png"/>
							</div>
							<div class="text">
								<h4>谢振宇</h4>
								<p>网络互动中心</p>
								<p>创意群总监</p>
							</div>
						</div>
						<div class="one_son">
							<div class="pmg">
								<img src="img/course/baga1.png"/>
							</div>
							<div class="text">
								<h4>谢振宇</h4>
								<p>网络互动中心</p>
								<p>创意群总监</p>
							</div>
						</div>
					</div>
				</div>
				<div class="course2_four">
					<div class="four_one">
						<p>立即报名</p>
						<div class="text">
							<div class="son">
								<p>></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		
		<script type="text/javascript">
			$('#login').click(function() {
				$("#loginBox").css("width", "100%");
			});
			$('#login1').click(function() {
				$("#loginBox1").css("width", "100%");
			});
			$('.skip').click(function() {
				$("#loginBox").css("width", "0");
			});
			$('.skip').click(function() {
				$("#loginBox1").css("width", "0");
			});
		</script>
	</body>
</html>
